<template>
    <div class="setmeal-sidebar">
        <el-card class="recommended-setmeal">
          <div slot="header">
            <span>推荐套餐</span>
          </div>
          <ul>
            <li v-for="item in recommendedSetmeals" :key="item.id">
              {{ item.name }}
              <el-tag size="mini" type="success">热门</el-tag>
            </li>
          </ul>
        </el-card>

        <el-alert
          class="health-tip"
          title="健康提示"
          type="info"
          description="定期体检是预防疾病的重要手段。请根据自身情况选择合适的体检套餐。"
          show-icon>
        </el-alert>
      </div>
</template>

<script>


export default ({
    
})
</script>

<style lang="less" scoped>
    
.recommended-setmeal {
  margin-bottom: 20px;
}

.recommended-setmeal ul {
  padding-left: 20px;
}

.recommended-setmeal li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .setmeal-sidebar {
    width: 100%;
    margin-top: 20px;
  }

  
.health-tip {
  margin-top: 20px;
}
</style>
